<!DOCTYPE html>
<html lang="zh-cmn" xmlns:th="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta name="description" content="Xenon Boostrap Admin Panel" />
    <meta name="author" content=""/>
    <title></title>
    <link rel="stylesheet" th:href="@{/css/fonts/linecons/css/linecons.css}"/>
    <link rel="stylesheet" th:href="@{/css/fonts/fontawesome/css/font-awesome.min.css}"/>
    <link rel="stylesheet" th:href="@{/css/bootstrap.css}"/>
    <link rel="stylesheet" th:href="@{/css/xenon-core.css}"/>
    <link rel="stylesheet" th:href="@{/css/xenon-forms.css}"/>
    <link rel="stylesheet" th:href="@{/css/xenon-components.css}"/>
    <link rel="stylesheet" th:href="@{/css/xenon-skins.css}"/>
    <link rel="stylesheet" th:href="@{/css/custom.css}"/>
    <script type="application/javascript" th:src="@{/js/jquery-1.11.1.min.js}"></script>

    <!--<script type="application/javascript" th:src="@{/js/html5shiv.min.js}"></script>
    <script type="application/javascript" th:src="@{/js/respond.min.js}"></script>-->



</head>
<body class="page-body login-page">
<div class="login-container">
    <div class="row">
        <div class="col-sm-6">
            <form method="post" role="form" id="login" class="login-form fade-in-effect">
                <div class="login-header">
                    <a th:href="@{/homepage.html}" class="logo">
                        <img th:src="@{/images/logo@2x.png}" alt="" width="80" />
                        <span>登录</span>
                    </a>
                    <p>尊敬的用户，请登录访问管理区！</p>
                </div>
                <div class="form-group">
                    <label class="control-label" for="username">用户名</label>
                    <input type="text" class="form-control input-dark" name="username" id="username" autocomplete="off" />
                </div>
                <div class="form-group">
                    <label class="control-label" for="passwd">密码</label>
                    <input type="password" class="form-control input-dark" name="passwd" id="passwd" autocomplete="off" />
                </div>
                <div class="login-footer">
                    <a href="#">忘记密码了吗？</a>
                </div>
            </form>
            <div class="external-login">
                <a href="javascript:void(0);" class="twitter">
                    <i class="fa-twitter"></i>
                    登录
                </a>
            </div>
        </div>
    </div>
</div>

<script type="application/javascript" th:src="@{/js/login.js}"></script>
<script type="application/javascript" th:src="@{/js/bootstrap.min.js}"></script>
<script type="application/javascript" th:src="@{/js/TweenMax.min.js}"></script>
<script type="application/javascript" th:src="@{/js/resizeable.js}"></script>
<script type="application/javascript" th:src="@{/js/joinable.js}"></script>
<script type="application/javascript" th:src="@{/js/xenon-api.js}"></script>
<script type="application/javascript" th:src="@{/js/xenon-toggles.js}"></script>
<script type="application/javascript" th:src="@{/js/jquery-validate/jquery.validate.min.js}"></script>
<script type="application/javascript" th:src="@{/js/toastr/toastr.min.js}"></script>
<script type="application/javascript" th:src="@{/js/xenon-custom.js}"></script>

</body>
</html>